* {
  box-sizing: border-box;
}

.main-container {
  background: #f4f8f9;
}
.el-menu-item.is-active{
  background: #ECF6F4 !important;
}
.el-submenu.is-active .nest-menu .el-submenu__title{
  color: rgba(0, 0, 0, 0.7) !important;
}
.el-submenu.is-active .el-submenu__title{
  color: #0003AA !important;
}
.el-submenu.is-active .svg-icon, .el-menu-item.is-active.submenu-title-noDropdown .svg-icon{
  stroke: #0003AA !important;
}
.el-menu-item{
  width: 100%;
  padding: 10px 0 !important;
  height: auto !important;
  line-height: normal !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  .svg-icon{
    margin: 0 !important;
    font-size: vh(18) !important;
  }
  .menu-label{
    padding-top: 10px;
    font-size: 13px;
  }
}
.nest-menu .svg-icon{
  display: none !important;
}
.nest-menu span{
  margin-left: 10px !important;
}


.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-container {
  &.grid-menu {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 15px;
  }

  .app-search-container {
    background: #fff;
    padding: vh(20) vw(20) vh(2);
    border-radius: vh(3);
    margin-bottom: vh(15);
    .search-title{
      line-height: 32px;
    }
    .el-form-item__label{
      font-size: vh(13);
      font-weight: normal;
    }
    .search-form{
      // margin-left: vw(60);
    }
    .el-form-item--small.el-form-item{
      margin-bottom: vh(18);
    }
    .el-form--inline .el-form-item{
      margin-right: vw(10);
    }
    .el-form-item__content{
      font-size: vh(13);
    }
    .el-cascader--small, .el-input--small .el-input__inner{
      font-size: vh(13);
    }
  }

  .app-permission-container {
    background: #fff;
    padding: vh(20) vw(20);
    border-radius: vh(3);
  }

  .app-table-container {
    background: #fff;
    padding: 0 vh(20) vw(8);
    .el-table .el-table__header-wrapper th{
      font-size: vh(13);
    }
    .el-table th.el-table__cell{
      background-color: #efefef;
    }
    .pagination-container {
      height: auto;

      .el-pagination {
        text-align: right;
        position: inherit;
      }
    }
  }
}
.filled {
  .el-select{
    input{
      margin-left: vw(50);
    }
  }
}

.app-dialog {
  .el-form-item__error{
    font-size: vh(13);
    padding-top: vh(4);
  }
  .el-dialog__header{
    padding: vh(20) vw(20) 0;
  }
  .el-dialog__body{
    padding: vh(25) vw(20);
    font-size: vh(13);
    color: #444;
  }
  .validate-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: vh(20);
  }
  .form-content {
    padding: 0 vh(20);
    .form-content-item{
      display: flex;
      align-items: center; 
      margin-bottom: vh(20);     
      .el-form-item__label {
        font-weight: normal;
        font-size: vh(13);
        color: #3E3E3E;
        line-height: normal;
      }
      .el-form-item__content{
        flex: 1;
        margin-left: 0 !important;
      }
    }
    .form-val{
      border-bottom: 1px solid #D8D8D8;
      .val-unit{
        font-size: vh(13);
        margin-left: vw(20);
        width: vw(120);
        text-align: right;
      }
      .el-input__inner{
        border: none;
      }
      .el-cascader{
        width: 100%;
      }
      .el-input--medium .el-input__inner{
        line-height: normal;
        height: auto;
        padding-left: 0;
        padding: vh(10) 0;
      }
      .el-input__suffix{
        display: flex;
        align-items: center;
      }
    }
    .el-select, .el-date-editor, .el-input-number {
      width: 100%;
    }
  }

  .dialog-footer {
    text-align: center;

    .el-button {
      min-width: vw(220);
    }
    
    .el-button--medium{
      font-size: vh(13);
    }
  }
}




//自定义
.area-select {
  .vue-treeselect {
    width: 33%;
    display: inline-block;
  }
}

.tag-box {
  border: 1px solid #DCDFE6;
padding-left: 8px;
&.popover{
  border: none;
  line-height: 36px;
}

  .el-tag {
    margin-right: 8px;
  }
}

.app-tab-container {
  background-color: #fff;

  .el-tabs--top .el-tabs__item.is-top:nth-child(2),
  .el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
  .el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
  .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) {
    padding-left: 20px;
  }

}

.el-transfer{
  >.el-transfer-panel{
    width: 300px;
  }

}
